<%@ page import="com.y4oung.model.User" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
		 pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
	<title>Restaurant List</title>
	<meta charset="utf-8">
	<meta name = "format-detection" content = "telephone=no" />
	<link rel="stylesheet" href="../layui/css/layui.css">
	<!--search css-->
	<link rel="stylesheet" type="text/css" href="../css/search/normalize.css" />
	<link rel="stylesheet" href="../css/search/font-awesome.min.css">
	<link rel="stylesheet" href="../css/search/style3.css">

	<link rel="icon" href="../images/favicon.ico">
	<link rel="shortcut icon" href="../images/favicon.ico" />
	<link rel="stylesheet" href="../css/touchTouch.css">

	<!--menu css-->
	<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
	<!-- Themify Icons-->
	<link rel="stylesheet" href="../css/themify-icons.css">
	<!-- Magnific Popup -->
	<link rel="stylesheet" href="../css/magnific-popup.css">
	<!-- Theme style  -->
	<link rel="stylesheet" href="../css/style2.css">

	<link rel="stylesheet" href="../css/style4.css" />
	<link rel="stylesheet" href="../css/stuck.css">
	<link rel="stylesheet" href="../css/form.css">
	<%--<link rel="stylesheet" href="../css/bootstrap1.css">--%>
	
	<%--<script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>--%>
	<%--<script type="text/javascript" src="../js/script1.js"></script>--%>
	<script src="../js/jquery.js"></script>
	<script src="../js/jquery-migrate-1.1.1.js"></script>
	<script src="../js/superfish.js"></script>
	<script src="../js/jquery.easing.1.3.js"></script>
	<script src="../js/tmStickUp.js"></script>
	<script src="../js/jquery.ui.totop.js"></script>
	<script src="../js/modal.js"></script>
	<script src="../js/touchTouch.jquery.js"></script>
    <script src="../js/yummy/gallery.js"></script>

	<!--login-->
	<script src="../js/login/loginView.js"></script>
	<!-- jQuery -->
    <script type="text/javascript" src="../js/jquery-2.1.1.min.js"></script>
	<!-- jQuery Easing -->
	<script src="js/jquery.easing.1.3.js"></script>
	<!-- Bootstrap -->
	<script src="../js/login/bootstrap.min.js"></script>
	<!-- Waypoints -->
	<script src="../js/jquery.waypoints.min.js"></script>
	<!-- Carousel -->
	<script src="../js/owl.carousel.min.js"></script>
	<!-- countTo -->
	<script src="../js/jquery.countTo.js"></script>

	<!-- Stellar Parallax -->
	<script src="../js/jquery.stellar.min.js"></script>



	<!-- font awesome -->
	<link href="../fonts/font-awesome.css" rel="stylesheet" />

	<!-- css -->
	<link rel="stylesheet" href="../css/gallery/styles123456.css" />
	<link href="../img/common/favicon.png" rel="shortcut icon" />
		<!--[if lt IE 8]>
		<link rel="stylesheet" href="../css/styles.ie7.css" />
	<![endif]-->

	<link rel="stylesheet" href="../css/gallery/vendor/github.min.css" />
	<link href="../css/gallery/jpage.css" rel="stylesheet" type="text/css" />

	<!-- js -->		
	<%--<script src="../js/gallery/vendor/jquery-1.10.0.min.js"></script>--%>

	<!-- 条件导航栏 -->
	<link rel="stylesheet" type="text/css" href="../css/gallery/style123456.css">

	<!-- jpage -->
	<%--<script src="../js/gallery/jquery-1.11.0.min.js"></script>--%>
	<link href="../css/gallery/style.page.css" rel="stylesheet" type="text/css" />


	<link rel="stylesheet" href="../css/style6.css">


</head>

<body>
<div  id="stuck_container" class="layui-layout layui-layout-admin">
	<div class="layui-header">
		<div class="layui-logo"><a href="/j2ee/user/home" style="color: #009688;">Yummy</a></div>
		<!-- 头部区域（可配合layui已有的水平导航） -->
		<ul class="layui-nav layui-layout-left">
			<li class="layui-nav-item"><a href="/j2ee/user/showGallery.do">Gallery</a></li>
			<li class="layui-nav-item"><a href="">Reservation</a></li>
			<li class="layui-nav-item"><a href="/j2ee/user/showContact.do">Contacts</a></li>
			<%--<li class="layui-nav-item">--%>
			<%--<a href="javascript:;">其它</a>--%>
			<%--<dl class="layui-nav-child">--%>
			<%--<dd><a href="">邮件管理</a></dd>--%>
			<%--<dd><a href="">消息管理</a></dd>--%>
			<%--<dd><a href="">授权管理</a></dd>--%>
			<%--</dl>--%>

			<%--</li>--%>

			<li class="layui-nav-item" style="margin-left: 20px"><input placeholder="搜索餐厅、菜名等" value="" class="layui-input" type="text" style="height: 30px;padding-left: 12px;background-color: #424652;background-color: rgba(255,255,255,.05);border: none 0;color: #fff;font-size: 12px"></li>
		</ul>
		<ul class="layui-nav layui-layout-right">
			<%if(request.getSession().getAttribute("user")==null){ %>
			<li class="layui-nav-item"><a href="/j2ee/user/toLogin.do">Log in</a></li>
			<%}else{ %>
			<li class="layui-nav-item">
				<% User u = (User)request.getSession().getAttribute("user"); %>
				<a href="javascript:;">
					<img src="<%=u.getIcon() %>" class="layui-nav-img">
					<%out.print(u.getName()); %>
				</a>
				<dl class="layui-nav-child">
					<dd><a href="/j2ee/user/showUser.do">基本资料</a></dd>
					<dd><a href="">安全设置</a></dd>
				</dl>
			</li>
			<li class="layui-nav-item"><a href="/j2ee/user/logout.do">Logout</a></li>
			<%} %>
		</ul>
	</div>
</div>
<!--==============================
              header
              =================================-->
              <header>
<!--==============================
            Stuck menu
            =================================-->
            <section class="head_section" style="top:34px!important;">
            	<div class="container">
            		<div class="row">
            			<div class="grid_12">
            				<h1>
            					<a href="index.html">
            						<img style="margin-bottom:10px;" src="../images/logo1.png" alt="Logo alt">
            					</a>
            				</h1>  
            				<div class="navigation">
            					<nav>
            						<div style="margin-left: 13px;"class="search d1">
            							<form>
            								<input type="text" placeholder="Search……">
            								<button type="submit"></button>
            							</form>
            						</div>
            					</nav>
            					<div class="clear"></div>
            				</div>
            			</div>
            		</div>
            	</div>
            </section> 
        </header>
<!--=====================
          Content
          ======================-->
          <!-- main content -->
          <section class="content">
          	<div class="container">
          		<div id="main-content" class="box" style="background-color: #FFF">
          			<div class="center" style="background-color: #FFF">
          				<ul class="select">
          					<li class="select-list">
          						<dl id="select1">
          							<dt>菜系：</dt>
          							<dd class="select-all selected"><a href="#">全部</a></dd>
          							<dd><a href="#">京菜</a></dd>
          							<dd><a href="#">粤菜</a></dd>
          							<dd><a href="#">湘菜</a></dd>
          							<dd><a href="#">新疆菜</a></dd>
          							<dd><a href="#">川菜</a></dd>
          							<dd><a href="#">鲁菜</a></dd>
          							<dd><a href="#">台湾菜</a></dd>
          						</dl>
          					</li>
          					<li class="select-list">
          						<dl id="select2">
          							<dt>地区：</dt>
          							<dd class="select-all selected"><a href="#">全部</a></dd>
          							<dd><a href="#">海淀区</a></dd>
          							<dd><a href="#">朝阳区</a></dd>
          							<dd><a href="#">东城区</a></dd>
          							<dd><a href="#">西城区</a></dd>
          							<dd><a href="#">丰台区</a></dd>
          							<dd><a href="#">房山区</a></dd>
          							<dd><a href="#">通州区</a></dd>
          						</dl>
          					</li>
          					<li class="select-list">
          						<dl id="select3">
          							<dt>氛围：</dt>
          							<dd class="select-all selected"><a href="#">全部</a></dd>
          							<dd><a href="#">情侣约会</a></dd>
          							<dd><a href="#">朋友聚餐</a></dd>
          							<dd><a href="#">家庭聚餐</a></dd>
          							<dd><a href="#">商务宴请</a></dd>
          							<dd><a href="#">随便吃吃</a></dd>
          						</dl>
          					</li>
          					<li class="select-result">
          						<dl>
          							<dt>已选条件：</dt>
          							<dd class="select-no">&nbsp;&nbsp;</dd>
          						</dl>
          					</li>
          				</ul>
          				<div id="page-content" class="box" style="background-color:#FFF;height:1770px">

          					<!-- jPage DEMO -->
          					<div id="jpage" class="jpage box" style="background-color:#FFF;height:1770px">
          						<div class="piclist">
          							<div class="fydiv">
          								<ul class="fenye">
          									<!--分页页码-->
          								</ul>
          							</div>
          							<div class="row">
          							<ul class="listul" id="testui">
          								<!--分页内容-->
          							</ul>
          							</div>
          							<div class="fydiv">
          								<ul class="fenye">
          									<!--分页页码-->
          								</ul>
          							</div>
          						</div>
          					</div>
          				</div>
          			</div>
          		</div>
			</div>
          	</section>


<!--==============================
              footer
              =================================-->
<footer id="footer" style="height:150px; background: #9c9c9c;">
              	<div class="container" >
              		<div class="row" >
              			<div class="grid_12" style="margin-top:10px;margin-bottom:100px;">
              				<div class="socials">
              					<a href="#" class="fa fa-twitter"></a>
              					<a href="#" class="fa fa-facebook"></a>
              					<a href="#" class="fa fa-google-plus"></a>
              					<a href="#" class="fa fa-pinterest"></a>
              				</div>
              				<div class="copyright"><span class="brand">Yummy </span> &copy; <span id="copyright-year"></span> | <a href="#">Privacy Policy</a> <div>More Templates <a href="http://www.cssmoban.com/" target="_blank" title="Yummy">Yummy</a> - Collect from <a href="http://www.cssmoban.com/" title="Yummy" target="_blank">Yummy</a></div>
         <!-- <div style=" font-weight: normal;float: left;">
         	<span style=" position: relative; top: -2px; font-weight: 300; font-size: 18px;">Bliss </span> &copy; <span id="copyright-year"></span> | <a style="color: #535a5f;" href="#">Privacy Policy</a> 
         	<div style="padding-top: 6px;">More Templates <a style="color: #535a5f;" href="http://www.cssmoban.com/" target="_blank" title="Yummy">Yummy</a> - Collect from <a style="color: #535a5f;" href="http://www.cssmoban.com/" title="Yummy" target="_blank">Yummy</a></div> -->
         </div>
     </div>
 </div>
</div> 
</footer>
<script type="text/javascript" src="../layui/layui.js"></script>
<script>

    //JavaScript代码区域
    layui.use('element', function(){
        var element = layui.element;

    });
</script>
</body>
</html>
